<%- include header%>
<div class="con">
	<div class="col-lg-3 col-md-3 col-sm-3">
	<div class="hc_lnav jslist">
		<div class="allbtn">

			<ul style="width:250px" class="jspop box">
				<li class=a1>
					<div class=tx>
						<a href="#">国内目的地精选
							<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
						</a>
					</div>
					<div class=pop>
						<dl>
							<dt>直辖市</dt>
							<dd>
								<a class="ui-link" href="#">北京</a>
								<a class="ui-link" href="#">天津</a>
								<a class="ui-link" href="#">上海</a>
								<a class="ui-link" href="#">重庆</a>
							</dd>
						</dl>
						<dl>
							<dt>特别行政区</dt>
							<dd>
								<a class="ui-link" href="">香港</a>
								<a class="ui-link" href="">澳门</a>
								<a class="ui-link" href="">台湾</a>
							</dd>
						</dl>
						<dl>
							<dt>河北</dt>
							<dd>
								<a class="ui-link" href="">石家庄</a>
								<a class="ui-link" href="">唐山</a>
								<a class="ui-link" href="">秦皇岛</a>
							</dd>
						</dl>
						<dl>
							<dt>海南</dt>
							<dd>
								<a class="ui-link" href="">三亚</a>
								<a class="ui-link" href="">海口</a>
							</dd>
						</dl>
						<dl>
							<dt>江苏</dt>
							<dd>
								<a class="ui-link" href="">杭州</a>
								<a class="ui-link" href="">苏州</a>
								<a class="ui-link" href="">扬州</a>
								<a class="ui-link" href="">无锡</a>
							</dd>
						</dl>
						<dl>
							<dt>云南</dt>
							<dd>
								<a class="ui-link" href="">大理</a>
								<a class="ui-link" href="">丽江</a>
								<a class="ui-link" href="">香格里拉</a>
							</dd>
						</dl>

				</li>
				<li class=a2>
					<div class=tx>
						<a href="">国际目的地精选
							<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
						</a>
					</div>
					<div class=pop>
						<dl>
							<dl>
								<dt>亚洲</dt>
								<dd>
									<a class="ui-link" href="">日本</a>
									<a class="ui-link" href="">韩国</a>
									<a class="ui-link" href="">越南</a>
									<a class="ui-link" href="">泰国</a>
									<a class="ui-link" href="">老挝</a>
								</dd>
							</dl>
						</dl>
						<dl>
							<dt>欧洲</dt>
							<dd>
								<a href="">芬兰</a>
								<a href="">瑞典</a>
								<a href="">挪威</a>
								<a href="">冰岛</a>
								<a href="">俄罗斯</a>
							</dd>
						</dl>
						<dl>
							<dt>大洋洲</dt>
							<dd>
								<a href="">新西兰</a>
								<a href="">澳大利亚</a>
								<a href="">帕劳</a>
							</dd>
						</dl>
					</div>
				</li>
				<li class=a3>
					<div class=tx>
						<a href="">奔向海岛
							<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
						</a>
					</div>
					<div class=pop>
						<dl>
							<dl>
								<dt>亚洲</dt>
								<dd>
									<a class="ui-link" href="">日本</a>
									<a class="ui-link" href="">韩国</a>
									<a class="ui-link" href="">越南</a>
									<a class="ui-link" href="">泰国</a>
									<a class="ui-link" href="">老挝</a>
								</dd>
							</dl>
						</dl>
						<dl>
							<dt>欧洲</dt>
							<dd>
								<a href="">芬兰</a>
								<a href="">瑞典</a>
								<a href="">挪威</a>
								<a href="">冰岛</a>
								<a href="">俄罗斯</a>
							</dd>
						</dl>
						<dl>
							<dt>大洋洲</dt>
							<dd>
								<a href="">新西兰</a>
								<a href="">澳大利亚</a>
								<a href="">帕劳</a>
							</dd>
						</dl>
					</div>
				</li>
				<li class=a4>
					<div class=tx>
						<a href="">主题推荐
							<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
						</a>
					</div>
					<div class=pop>
						<dl>
							<dl>
								<dt>亚洲</dt>
								<dd>
									<a class="ui-link" href="">日本</a>
									<a class="ui-link" href="">韩国</a>
									<a class="ui-link" href="">越南</a>
									<a class="ui-link" href="">泰国</a>
									<a class="ui-link" href="">老挝</a>
								</dd>
							</dl>
						</dl>
						<dl>
							<dt>欧洲</dt>
							<dd>
								<a href="">芬兰</a>
								<a href="">瑞典</a>
								<a href="">挪威</a>
								<a href="">冰岛</a>
								<a href="">俄罗斯</a>
							</dd>
						</dl>
						<dl>
							<dt>大洋洲</dt>
							<dd>
								<a href="">新西兰</a>
								<a href="">澳大利亚</a>
								<a href="">帕劳</a>
							</dd>
						</dl>
					</div>
				</li>
			</ul>
			<form method="get" action="/search">
				<div class="input-group" style="left: 0px; 
					top: 220px;width:250px;border-radius: 0px;">
				<input type="text" class="form-control" placeholder="输入你想了解的目的地" 
						style="border-radius: 0px;width: 100%; height:43px;float: right; border:2px solid #16A085; border-right: 0px;"
						 name="searchword">
				<span class="input-group-btn">
				                  <button type="submit" 
				                  	style="font-size: 25px;border-radius: 0px;border:0px;
				                  	color:#16A085;background:#FFFFFF;height: 43px;width:40px;border: 2px solid #16A085;border-left: 0px;"/>
				                 <span class="glyphicon glyphicon-search"></span>	
				                  </button>	    
				                  
              					</span>

				</div>
			</form>
			</div>
		</div>
		</div>
	</div>
		<div class="col-lg-7 col-md-7 col-sm-7" style="margin-top: 35px;margin-left: 130px;">
			    <div id="myCarousel" class="carousel slide">
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <!-- Carousel items -->
      <div class="carousel-inner">
        <div class="active item"><img src="/images/gugong.jpg"/></div>
        <div class="item"><img src="/images/changcheng.jpg"/></div>
        <div class="item"><img src="/images/huangshan.jpg"/></div>
      </div>
     
    </div>
		</div>
	</div>
	
	<div class="col-lg-12 col-md-12 col-sm-12">
		<div class="col-lg-1 col-md-1 col-sm-1"></div>
		<div class="col-lg-3 col-md-3 col-sm-3" style="margin-left: 20px;" id="area_left">
			<h4>热门城市</h4>
			
			<h5>1<a href="#">成都</a></h5>
			<h5>2<a href="#">大理</a></h5>
			<h5>3<a href="#">青岛</a></h5>
			<h5>4<a href="#">西安</a></h5>
			
		</div>
		<div class="col-lg-7 col-md-7 col-sm-7" id="area_right">
			<h4>推荐攻略</h4>
			
			<% stras.forEach(function(post,index){%>
				<div class="right_h4"><p>
				<h4>	<a href="/u/<%= post.name%>/<%= post.time.day%>/<%= post.title%>" style="">
					<%= post.title%>
				</a></h4></p>
				<div class="col-lg-4"><img src="/images/<%= post.area%>1.jpg" style="width: 200px; height: 100px;margin: 20px 0px;"/>
				</div><h5 style="height:150px; overflow: hidden;"><%- post.tourist%>
				</h5>
			</div>	<%})%>	
				
			<p><h4>推荐游记</h4></p>
			<% posts.forEach(function(post,index){%>
				<p><h5>
					<a href="/u/<%= post.name%>/<%= post.time.day%>/<%= post.title%>/<%= post.area%>" target="_blank">
					<%= post.title%>
					
				</a>
					阅读：
					<%if(post.pv){%>
					<a href="#"><%= post.pv%></a>
					<%}else{%>
					<a>0</a>
					<%}%>
					评论：
					<%if(post.comments){%>
					<a href="#"><%= post.comments.length%></a>
					<%}else{%>
					<a>0</a>
					<%}%></h5></p>
				
				
				
				
			
				<%})%>
		</div>
	</div>
	<%- include stick%>
	<%- include footer%>
	<link rel="stylesheet" href="/stylesheets/termini.css" />